<template>
    <!-- <div class="area" v-loading.fullscreen="loading"> -->
    <div>
        内容
        <!-- 直接使用loading组件，先不采用v-loading这种高级形式 -->
        <!-- <el-loading /> -->


    </div>
</template>

<script>
// import ElLoading from '../../components/Loading/loading.vue'

export default {
    name: 'LoadingShownPage',
    data() {
        return {
            loading: false
        }
    },
    mounted() {
        let loading = null;
        setInterval(() => {
            // this.loading = !this.loading
           
            if (loading) {
                loading.close()
                loading = null;
                return;
            }
            loading = this.$loading();
        }, 2000)
    },
    components: {
        // ElLoading
    }
}
</script>

<style>
    .area {
        height: 300px;
        width: 800px;
        background-color: #999999;
    }
</style>